import { createRoot } from "react-dom/client"
import { Component } from "react"
import MyFn from "./组件基础/函数组件"
import MyClass from "./组件基础/类组件"
import TestEvent from "./组件基础/类组件/事件绑定"
// import App from "./组件基础/类组件/非受控组件"
import TestState from "./组件基础/类组件/类组件的状态"
// import App from "./day02案例"
// import App from "./组件通讯/父子通信"
// import App from "./组件通讯/父子通信/练习.js"
// import App from "./组件通讯/兄弟通信"
// import App from "./组件通讯/context的使用"
// import App from "./组件基础/类组件/受控组件"
// import App from "./组件通讯/案例b站评论"
// import App from "./react进阶/children属性"
// import App from "./react进阶/props校验"
// import App from "./react-hooks/useState/index"
// import Count from "./react-hooks/hooks组件更新过程"
// import App from "./react-hooks/useEffect"
// import App from "./react-hooks/useEffect/effect钩子函数联系"
// import App from "./react进阶/children属性/title"
import App from "./react-hooks/购物车案例/App"
const root = createRoot(document.getElementById('root'))


// const box = (
//   <>
//     <MyFn></MyFn>
//     <hr />
//     <MyClass></MyClass>
//     <TestState></TestState>
//     <TestEvent></TestEvent>
//   </>
// )
root.render(
  // <div>组件内容</div>
  // <MyFn></MyFn>
  // box
  // <MyFn />,
  // <MyClass></MyClass>
  <App></App>
  // <Count></Count>
)